<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/15
  Time: 15:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>个人中心</title>
</head>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    // $(function(){
    //     // $('.menux p').click(function(){
    //     //     $(this).siblings('ul').slideUp(300);
    //     //     $(this).next('ul').slideToggle(100);
    //     // });
    //     $('.menux ul a').click(function(){
    //
    //         $('iframe').attr("src",$(this).attr("url"));
    //         // $('.menu_title').html($(this).attr("title"));
    //     });

    // })
</script>
<style>
    #top{
        background-color: #448CCB;
        position: absolute;
        top: 0%;
        width: 100%;
        height: 10%;
    }
    #header{
        text-align: center;
    }
    #ul{
        background-color: aliceblue;
        position: absolute;
        float: left;
        width: 10%;
        height: 90%;
        top: 10%;
        left: 0%;
    }
    #shouye{

    }
    #iframe{
        position: absolute;
        float: left;
        top: 10%;
        left: 10%;
        height: 90%;
        width: 90%;
    }
    body{
        height: 100%;
        width: 100%;
    }
    li{
        height: 40px;
        line-height: 40px;
        border-bottom: 1px;
    }
</style>
<body>
<div id="top">
    <div id="header">
        <h1>个人中心</h1>
    </div>
</div>
<div id="ul" class="menux">
    <ul>
        <li id="shouye"><a href="/hostel_war_exploded/index.jsp">首页</a></li>
        <li><a href="javascript:openUrl('${pageContext.request.contextPath}/personalcenter?username=yali')"  title="我的订单">我的订单</a></li>
        <li><a href="javascript:openUrl('${pageContext.request.contextPath}/queryCustomerOne?username=yali')"  title="我的资料">我的资料</a></li>
        <li><a href="javascript:openUrl('${pageContext.request.contextPath}/funcation3?username=yali')"  title="修改密码">修改密码</a></li>
    </ul>
</div>
</div >
<iframe src="${pageContext.request.contextPath}/personalcenter?username=yali" id="iframe" frameborder="0px"></iframe>
</div>
</body>
<script type="text/javascript">
    function openUrl(url) {
        $("#iframe").attr("src",url);
    }
</script>
</html>
